import React from 'react'
import { Box } from '$components';
import { communtity_data } from '../constants/index'

function BasicInfo({ communtityInfo }) {

    return <Box title={"基本信息"} >
        <div className='_basic_info'>
            <div className='_basic_row1'>
                <div className='_item1' />
                <div className='_item2'>
                    <div className='_basictitlebg'>
                        <div className='_basic_title'>南昌县</div>
                        <span className='_basic_sub_title'>Nanchang county</span>
                    </div>

                    <div className='_basic_text'>
                        <span>区域面积：</span>
                        <span className='_text_number_color'>1810.7km²</span>
                    </div>

                    <div className='_basic_text'>
                        <span>人口：</span>
                        <span className='_text_number_color'>123.9万<span style={{ color: '#C3E6FF' }}>【2022年】</span></span>
                    </div>
                </div>
            </div>

            <div className='_basic_row2'>
                <div className='_item1'>
                    <span>小区数量：</span>
                    <span className='_number'>{communtity_data?.length}个</span>
                </div>
                <div className='basicinterval' />
                <div className='_item2'>
                    <span>廉租房：</span>
                    <span className='_number'>{communtityInfo ? (communtityInfo?.inuse + communtityInfo?.unuse) : '-'}套</span>
                </div>
            </div>
        </div>
    </Box>
}

export default BasicInfo;


